<template>
  <div class="wrapper">
      <div class="content">
          <slot></slot>
      </div>
  </div>
</template>

<script>

import BScroll from "@better-scroll/core";
 
  import observeDOM from '@better-scroll/observe-dom'
  import observeImage from '@better-scroll/observe-image'
export default {
 mounted(){
    
    BScroll.use(observeDOM)
    BScroll.use(observeImage)
    this.bs=new BScroll('.wrapper',{
      click:true,
      scrollY:true,
      observeDOM:true,//监视DOM
      observeImage:true,//监视图像，防止因图片未加载到加载后造成的高度监听不同步
      bounce:true,//回弹效果
    })
    
    }
}
</script>

<style scoped>
.wrapper{
    height:calc(100vh - 88px - 42px);
    overflow: hidden; 
    
}

</style>